<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

<div id="fallr-overlay"></div>
<div id="header">
    <table class="form-list">
        <tbody>
            <tr>
                <td class="form-text">布局设置：</td>
                <td class="single">
                    <div class="layout-list">
                        <a href="javascript:void(0);" rel="1:3">1:3</a>
                        <a href="javascript:void(0);" rel="3:1">3:1</a>
                        <a href="javascript:void(0);" rel="1:1:2">1:1:2</a>
                        <a href="javascript:void(0);" rel="1:2:1">1:2:1</a>
                        <a href="javascript:void(0);" rel="2:1:1">2:1:1</a>
                        <a href="javascript:void(0);" class="active" rel="1:1:1">默认</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="form-text">功能模块设置：</td>
                <td class="single">
                    <ul class="tag-list">
                        <li><a href="#" rel="avatar">头像信息</a><span class="ok"></span></li>
                        <li><a href="#" rel="comment">留言簿</a><span class="ok"></span></li>
                        <li><a href="#" rel="doing">最新动态</a><span class="ok"></span></li>
                        <li><a href="#" rel="blog">blog</a><span class="ok"></span></li>
                        <li><a href="#" rel="profile">个人资料</a><span class="ok"></span></li>
                        <li><a href="#" rel="spaceinfo">空间介绍</a><span class="ok"></span></li>
                        <li><a href="#" rel="friends">我的好友</a><span class="ok"></span></li>
                        <li><a href="#" rel="gallery">我的相册</a><span class="ok"></span></li>
                        <li><a href="#" rel="visitors">最近访客</a><span class="ok"></span></li>
                        <li><a href="#" rel="thread">我的话题</a><span class="ok"></span></li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td class="form-text"></td>
                <td class="single">
                    <a class="button b" href="#">添加模块</a>
                    <a class="button b" href="#">保存配置</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div id="portal">
    <div id="portal_l" class="groupWrapper w250 ui-sortable" unselectable="on">
        <div id="comment" class="groupItem">
            <div class="itemHeader">
                <h3>留言簿</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
        <div id="doing" class="groupItem">
            <div class="itemHeader">
                <h3>最新动态</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="portal_m" class="groupWrapper w250 ui-sortable" unselectable="on">
        <div id="blog" class="groupItem">
            <div class="itemHeader">
                <h3>blog</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起" style="display: block;"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent" style="display: block;">
                <ul style="width:250px;">
                    <li>刷新了</li>
                </ul>
            </div>
        </div>
        <div id="gallery" class="groupItem" style="opacity: 1; z-index: 0;">
            <div class="itemHeader">
                <h3>我的相册</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;">
                    </a><a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
        <div id="profile" class="groupItem" style="opacity: 1; z-index: 0;">
            <div class="itemHeader">
                <h3>个人资料</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
        <div id="spaceinfo" class="groupItem">
            <div class="itemHeader">
                <h3>空间介绍</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
        <div id="friends" class="groupItem">
            <div class="itemHeader">
                <h3>我的好友</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
        <div id="avatar" class="groupItem" style="opacity: 1; z-index: 0;">
            <div class="itemHeader">
                <h3>头像信息</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="portal_r" class="groupWrapper w250 ui-sortable" unselectable="on">
        <div id="thread" class="groupItem">
            <div class="itemHeader">
                <h3>我的话题</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div>
            <div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
        <div id="visitors" class="groupItem" style="opacity: 1; z-index: 0;">
            <div class="itemHeader">
                <h3>最近访客</h3>
                <div class="action" style="display: none;">
                    <a href="javascript:void(0);" class="refresh" title="刷新"></a>
                    <a href="javascript:void(0);" class="min" title="收起"></a>
                    <a href="javascript:void(0);" class="max" title="展开" style="display: none;"></a>
                    <a href="javascript:void(0);" class="close" title="关闭"></a>
                </div>
            </div><div class="itemContent">
                <ul style="width:250px;">
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                    <li>xiaofanV587</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<link href="../script/jquery-fallr/css/main.css" rel="stylesheet" type="text/css" />
<link href="../script/jquery-fallr/css/jquery-fallr-1.3.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../script/jquery-fallr/js/ui/ui.core.min.js"></script>
<script type="text/javascript" src="../script/jquery-fallr/js/ui/ui.sortable.min.js"></script>
<script type="text/javascript" src="../script/jquery-fallr/js/jquery-fallr-1.3.pack.js"></script>
<script type="text/javascript" src="../script/jquery-fallr/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../script/jquery-fallr/js/Jh.js"></script>
<script type="text/javascript">
    $(function () {

        var DATA = {
            'appL': {
                'avatar': '头像信息',
                'comment': '留言簿',
                'doing': '最新动态',
            },
            'appM': {
                'blog': 'blog',
                'profile': '个人资料',
                'spaceinfo': '空间介绍',
                'friends': '我的好友'
            },
            'appR': {
                'gallery': '我的相册',
                'visitors': '最近访客',
                'thread': '我的话题'
            }
        }
        //Jh.fn.init(DATA);
        //Jh.Portal.init(DATA);
    });
</script>